<template>
  <div class="tableBox">
    <el-table :data="tableData" style="width: 100%" max-height="720" class="tableTh28" border stripe ref="table" v-loading="tableLoading">
      <el-table-column label="单位" prop="area_name" class-name="first-title" width="100" fixed></el-table-column>
      <el-table-column v-for="(item,index) in colDefList" :label="item.label" :key="index">
        <template v-for="(itm,idx) in item.children">
          <el-table-column :label="itm.label" :key="idx">
            <el-table-column v-for="(e,i) in itm.children" :key="i" :label="e.label" :prop="e.prop" min-width="120" sortable class-name="right-money"></el-table-column>
          </el-table-column>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: ["tableData", "colDefList", "tableLoading"],
  data() {
    return {};
  },
};
</script>

<style>
</style>